<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
 <HEAD>
  <TITLE> ZTREE DEMO </TITLE>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" href="<%=basePath %>css/demoStyle/demo.css" type="text/css">
  <link rel="stylesheet" href="<%=basePath %>css/zTreeStyle/zTreeStyle.css" type="text/css">
  <link rel="stylesheet" href="<%=basePath %>css/zTreeStyle/zTreeIcons.css" type="text/css">
  <script type="text/javascript" src="<%=basePath %>/script/jquery-1.4.2.js"></script>
  <script type="text/javascript" src="<%=basePath %>/script/jquery.ztree-2.6.js"></script>
  <script type="text/javascript" src="<%=basePath %>/script/demoData.js"></script>
  <script type="text/javascript" src="<%=basePath %>/script/demoTools.js"></script>
  <SCRIPT LANGUAGE="JavaScript">
	var zTree1;
    var zNodes1;
		var setting = {
			showLine: true,
			expandSpeed:"slow"
		};

	$(document).ready(function(){
		reloadTree("1");
	});
	
	function reloadTree(type) {
		var setting1 = clone(setting);
		setting1.treeNodeKey = "id";
		setting1.treeNodeParentKey = "pId";
		setting1.isSimpleData = true;
		zNodes1 = clone(simpleNodes);
		zNodes1[0].iconOpen = "<%=basePath %>css/zTreeStyle/img/sim/1_open.png";
		zNodes1[0].iconClose = "<%=basePath %>css/zTreeStyle/img/sim/1_close.png";
		zTree1 = $("#treeDemo").zTree(setting1, zNodes1);
		zTree1.expandAll(true);
	}
  </SCRIPT>
  
 </HEAD>

<BODY>
<div align="left" >
<img src="<%=basePath %>img/logo03.gif" alt="JBoss" id="logo" height="41" width="83">
<font style="font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 25px; 
	font-weight: bold; 
	color: #000099;">TBS Monitor</font>
</div>

<TABLE border=0 width="700" class="tb1">
	<TR>
		<TD width=340px align=left valign=top>
		<div >
			<ul id="treeDemo" class="tree"></ul>
		</div>		
		</TD>
	</TR>
</TABLE>
 </BODY>
</HTML>